<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Home Page</title>

<style type="text/css">
@import url("Css/home.css");
@import url("Css/navcss.css");
@import url("Css/slide.css");
@import url("Css/content.css");
@import url("Css/footer.css");
@import url("Css/search.css");
</style>
</head>

<body>
	<div class="container">
   	  <div id="contentnav">
            <ul id="nav">
                <li><a href="#">Home</a></li>
                <li><a class="hsubs" href="#">Menu 1</a>
                    <ul class="subs">
                        <li><a href="#">Submenu 1</a></li>
                        <li><a href="#">Submenu 2</a></li>
                        <li><a href="#">Submenu 3</a></li>
                        <li><a href="#">Submenu 4</a></li>
                        <li><a href="#">Submenu 5</a></li>
                    </ul>
                </li>
                <li><a class="hsubs" href="#">Menu 2</a>
                    <ul class="subs">
                        <li><a href="#">Submenu 2-1</a></li>
                        <li><a href="#">Submenu 2-2</a></li>
                        <li><a href="#">Submenu 2-3</a></li>
                        <li><a href="#">Submenu 2-4</a></li>
                        <li><a href="#">Submenu 2-5</a></li>
                        <li><a href="#">Submenu 2-6</a></li>
                        <li><a href="#">Submenu 2-7</a></li>
                        <li><a href="#">Submenu 2-8</a></li>
                    </ul>
                </li>
                <li><a class="hsubs" href="#">Menu 3</a>
                    <ul class="subs">
                        <li><a href="#">Submenu 3-1</a></li>
                        <li><a href="#">Submenu 3-2</a></li>
                        <li><a href="#">Submenu 3-3</a></li>
                        <li><a href="#">Submenu 3-4</a></li>
                        <li><a href="#">Submenu 3-5</a></li>
                    </ul>
                </li>
                <li><a href="#">Menu 4</a></li>
                <li><a href="#">Menu 5</a></li>
                <li><a href="#">Menu 6</a></li>
                <div id="lavalamp"></div>
              	<div id="logo"></div> 
                <div id="login">
                   	<a href="#login_form" id="login_pop" class="button">Log In</a>
					<a href="#join_form" id="join_pop" class="button">Sign Up</a>
                    <a href="#login_form1" id="login_pop" class="button">Change Pass</a>
                </div>
                	<a href="#x" class="overlay" id="login_form"></a>
                <div class="popup">
                	<h2>Welcome Guest!</h2>
                	<p>Please enter your login and password here</p>
                    <div>
                        <label for="login">Login</label>
                        <input type="text" id="" value="" />
                    </div>
                    <div>
                        <label for="password">Password</label>
                        <input type="password" id="password" value="" />
                    </div>
                	<input type="button" value="Log In" class="button"/>
                	<a class="close" href="#close"></a>
                </div><!--End tag div popup-->   
                  <!-- popup form #2 -->
       				<a href="#x" class="overlay" id="join_form"></a>
       			<div class="popup">
            		<h2>Sign Up</h2>
            			<p>Please enter your details here</p>
            		<div>
                        <label for="email">Login (Email)</label>
                        <input type="text" id="email" value="" />
           			</div>
            		<div>
                        <label for="pass">Password</label>
                        <input type="password" id="pass" value="" />
            		</div>
           			<div>
                        <label for="firstname">Full name</label>
                        <input type="text" id="firstname" value="" />
            		</div>
                    <div>
                     	<label for="age">Age</label>
                        <select name=""></select>
                    </div>
                  <div>
                        <label for="sex">Sex</label>
                        Male<input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0">
                        Female<input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_1">
                  </div>
				  <div>
                      	<label for="address">Address</label>
                     	<input type="text" id="address" value="" />
                  </div>
                  <div>
                      	<label for="phone">Phone</label>
                     	<input type="text" id="phone" value="" />
                  </div>
                  <div>
                      	<label for="email">Email</label>
                     	<input type="text" id="email" value="" />
                        <label style="width:10px">@</label>
                        <select name="">
                        	
                        </select>
                  </div>
                  <div>
                      	<label for="qualification">Qualification</label>
                     	<input type="text" id="qualification" value="" />
                  </div>
                    <input type="button" value="Sign Up" class="button"/>
                    <a class="close" href="#close"></a>
                </div>
                	<a href="#x" class="overlay" id="login_form1"></a>
       			<div class="popup">
            		<h2>Change Password</h2>
            			<p>Please enter your details here</p>
            		<div>
                        <label for="password">Password Hiện Tại</label>
                        <input type="password" id="password" value="" />
           			</div>
            		<div>
                        <label for="password">Mật Khẩu Mới</label>
                        <input type="password" id="password" value="" />
            		</div>
           			<div>
                        <label for="firstname">Xác Nhận Mật Khấu Mới</label>
                        <input type="password" id="password" value="" />
            		</div>                  
                    <input type="button" value="Submit" class="button"/>
                    <a class="close" href="#close"></a>
                </div><!--End tag div popup-->                     
                                               
        </ul>
         </div><!--End tag div nav-->
  	  <div id="slide">
                <input type="radio" id="image1" name="slide" class="input" checked/>
                <label for="image1" class="label" id="button1"></label><!--button 1-->
                         
                <input type="radio" id="image2" name="slide" class="input"/>
                <label for="image2" class="label" id="button2"></label><!--button 2-->
                         
                <input type="radio" id="image3" name="slide" class="input"/>
                <label for="image3" class="label" id="button3"></label><!--button 3-->
                         
                <input type="radio" id="image4" name="slide" class="input"/>
                <label for="image4" class="label" id="button4"></label><!--button 4-->           
            <div id="slide-wrap">
                    <img src="Images/lambo1.jpg">
                    <img src="Images/lambo2.jpg">
                    <img src="Images/lambo3.jpg">
                    <img src="Images/lambo4.jpg">
            </div><!--End tag div slide-wrap-->     
      </div><!--End tag div slide-->
      <div id="search">
          <p>Tìm Kiếm <input type="text"></p>
          <p>Lĩnh Vực <input type="text"></p>
          <p>Quận <input type="text"></p>
          <input type="submit" value="Tìm" style="width:100px">
      </div><!--End tag div search-->
      <div id="content">
		<div id="title">
        <form action="" method="get">
             <p class="title">Update Customers</p>                    
			 <div id="cbbmenu">
             <table cellspacing="10px">
             	 <tr>
                       <td> <p class="leavingfrom">Name:</p></td>
                       <td><input name="" type="text"></td>
                       <td width="100px"></td>    
                       <td><p class="leavingfrom">TotalSeats:</p></td>
                       <td><input name="" type="text"></td>                
                  </tr>
                  <tr>
                       <td><p class="leavingfrom">Price</p></td>
					   <td><input name="" type="text"></td>
                       <td width="100px"></td>
                       <td><p class="leavingfrom">Description:</p></td>
                       <td><input name="" type="text"></td>    
                  </tr>                
               </table>
               <input name="" type="button" value="Submit" class="button">
               <input name="" type="reset" value="Reset" class="button">
              </div> 
          </form>              			                                                                                          
        </div><!--End tag div title-->               
      </div><!--End tag div content-->
          <div id="footer">
                <p class="cty">CÔng Ty Cổ Phần MWG</p>
                <p class="diachi">Số 32 Đường D2 Quận Bình Thạnh. Liên Hệ:19001580 . Mr:MWG</p>
                <div class="lienhe"> 
                    <a href="#"><img src="Images/th_facebook-128.png"></a>
                    <a href="#"><img src="Images/Email.png"></a>
                </div>    
          </div><!--End tag div footer-->    
	</div><!--End tag div container-->
</body>
</html>
